<template>
  <div class="goodsItem" @click="$router.push(`/wsxdz/${item.goods_id}`)">
    <div class="left">
      <img :src="item.goods_image" alt="" />
    </div>
    <div class="right">
      <p class="right-wobr">{{ item.goods_name }}</p>
      <p class="right-wobr1">已售{{ item.goods_sales }}件</p>
      <p class="zuida">
        <span class="zuida1">{{ item.goods_price_max }}</span>
        <span class="zuida2">{{ item.goods_price_min }}</span>
      </p>
    </div>
  </div>
</template>

<script>
import router from '@/router'

export default {
  name: 'GsgcHxuw',
  comments: {
    router
  },
  data () {
    return {}
  },
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style lang="less">
.goodsItem {
  display: flex;
  margin-top: 10px;
  .left {
    width: 50%;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .right {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    .right-wobr {
      overflow: hidden;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;

    }
    .right-wobr1{
      margin-top: 10px;
    }
    .zuida{
        margin-top: 10px;
        .zuida1{
          color: red;
          margin-right: 10px;
          font-size: 20px;
        }
        .zuida2{
          text-decoration:line-through;
        }
    }

  }
}
</style>
